<div id="playground" contenteditable="true"></div>
<textarea name="html-comments-bold" id="html-comments-bold">
	<p>foo</p><!--/end logo --><p> </p><!-- begin: body --><p>a<br />a</p>
=>
	<p><strong>foo</strong></p>
	<!--/end logo -->
	<p><strong>&nbsp;</strong></p>
	<!-- begin: body -->
	<p><strong>a<br />a</strong></p>
</textarea>

<textarea name="html-comments-between-blocks" id="html-comments-between-blocks">
	<p>foo</p><!-- com --><p>bar</p>
=>
	<p><strong>foo</strong></p>
	<!-- com -->
	<p><strong>bar</strong></p>
</textarea>

<textarea name="html-comments-between-inline" id="html-comments-between-inline">
	<p><em>foo</em><!-- com --><em>bar</em></p>
=>
	<p>
		<strong>
			<em>foo</em>
			<!-- com -->
			<em>bar</em>
		</strong>
	</p>
</textarea>

<textarea name="html-comments-tailing-inline" id="html-comments-tailing-inline">
	<p>
		foo
		<!-- com -->
	</p>
=>
	<p>
		<strong>foo</strong>
		<!-- com -->
	</p>
</textarea>

<textarea id="ignore-em">
	<p><em>Lorem ipsum</em></p>
=>
	<p><em>Lorem ipsum</em></p>
</textarea>
